<!-- 侧边栏 -->
<div class="aside">
  <!-- 个人资料 -->
  <div class="profile">
      <!-- 头像 -->
      <div class="avatar img-circle">
          <img src="/assets/uploader/avatar.jpg">
      </div>
      <h4>{{userinfo?.name}}</h4>
  </div>
  <!-- 导航菜单 -->
  <div class="navs">
      <ul class="list-unstyled">
          <li>
              <a routerLink="/home/personal-data" routerLinkActive="active">
                  <i class="fa fa-home"></i>
                  仪表盘
              </a>
          </li>
          <li>
                <a routerLink="/home/user-list" routerLinkActive="active">
                  <i class="fa fa-bell"></i>
                  用户管理
              </a>
          </li>
          <li>
              <a routerLink="/home/teacher-list" routerLinkActive="active">
                  <i class="fa fa-bell"></i>
                  讲师管理
              </a>
          </li>
          <li>
              <a href="javascript:;">
                  <i class="fa fa-cog"></i>
                  课程管理
                  <i class="arrow fa fa-angle-right"></i>
              </a>
              <ul class="list-unstyled">
                  <li>
                      <a routerLink="/home/course-add" routerLinkActive="active">
                           课程添加
                      </a>
                  </li>
                  <li>
                      <a routerLink="/home/course-list" routerLinkActive="active">
                          课程列表
                      </a>
                  </li>
                  <li>
                      <a routerLink="/home/course-category" routerLinkActive="active">
                          课程分类
                      </a>
                  </li>
                  <li>
                      <a routerLink="/home/course-topic" routerLinkActive="active" >
                          课程专题
                      </a>
                  </li>
              </ul>
          </li>
          <li>
              <a href="/advert/list">
                  <i class="fa fa-bell"></i>
                  广告管理
              </a>
          </li>
          <li>
              <a href="javascript:;">
                  <i class="fa fa-cog"></i>
                  系统设置
                  <i class="arrow fa fa-angle-right"></i>
              </a>
              <ul class="list-unstyled">
                  <li>
                      <a href="javascript:;">
                          网站设置
                      </a>
                  </li>
                  <li>
                      <a href="javascript:;">
                           权限管理
                      </a>
                  </li>
              </ul>
          </li>
      </ul>
  </div>
</div>
